.checkout-review-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .checkout-review-item-image {
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .checkout-review-item-container {
    .checkout-review-item-content {
      .item-name { font-weight: bold; }
      .item-attached-items-container {
        .item-attached-item {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          color: #999999;
        }
      }
    }
    .checkout-review-numbers {
      .checkout-review-item-count {}
      .checkout-review-item-fee {}
    }
  }
}

// Mobile
@media screen and (max-width: 767px) {
  .checkout-review-card {
    .checkout-review-item-image {
      width: 165px;
      height: 165px;
      border-radius: 20px;
    }
    .checkout-review-item-container {
      width: 165px;
      .checkout-review-item-content {
        .item-name {
          font-size: 24px;
        }
        .item-attached-items-container {
          margin-top: 20px;
          .item-attached-item {
            font-size: 14px;
            .item-label {}
            .item-value {}
          }
        }
      }
      .checkout-review-numbers {
        .checkout-review-item-count {
          margin-top: 20px;
          font-size: 16px;
          text-align: right;
        }
        .checkout-review-item-fee {
          font-size: 16px;
          text-align: right;
        }
      }
    }
  }
}

// Tablet
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .checkout-review-card {
    .checkout-review-item-image {
      width: 345px;
      height: 345px;
      border-radius: 20px;
    }
    .checkout-review-item-container {
      width: 345px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      .checkout-review-item-content {
        width: 165px;
        .item-name {
          font-size: 24px;
        }
        .item-attached-items-container {
          margin-top: 20px;
          .item-attached-item {
            font-size: 14px;
            .item-label {}
            .item-value {}
          }
        }
      }
      .checkout-review-numbers {
        width: 165px;
        .checkout-review-item-count {
          font-size: 24px;
          text-align: right;
        }
        .checkout-review-item-fee {
          font-size: 24px;
          text-align: right;
        }
      }
    }
  }
}

// Desktop
@media screen and (min-width: 1024px) {
  .checkout-review-card {
    .checkout-review-item-image {
      width: 300Px;
      height: 300Px;
      border-radius: 20Px;
    }
    .checkout-review-item-container {
      width: 620Px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      .checkout-review-item-content {
        width: 300Px;
        .item-name {
          font-size: 24Px;
        }
        .item-attached-items-container {
          margin-top: 20Px;
          .item-attached-item {
            font-size: 14Px;
            margin-top: 5Px;
            .item-label {
              width: 150Px;
            }
            .item-value {
              width: calc(100% - 20Px - 150Px);
            }
          }
        }
      }
      .checkout-review-numbers {
        width: 300Px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        .checkout-review-item-count {
          font-size: 24Px;
        }
        .checkout-review-item-fee {
          font-size: 24Px;
          text-align: right;
        }
      }
    }
  }
}